<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!--
        css：设置样式的
            通过元素的style属性进行设置的
            style="margin: 0px auto;"表示上下边距为0，左右自动，则居中
        块元素：自己独占一行，块元素的css样式的宽高等等一般都是生效的
            div：
        行内元素：不会自己独占一行，行内的css样式的宽高等等很多都是不生效的，比如span
            span：img a
    -->
    <div style="border: 1px solid red; width: 500px; height: 200px;margin: 10px auto;">123</div>
    <div style="border: 1px solid red; width: 500px; height: 200px;margin: 10px auto;">456</div>
    <div style="border: 1px solid red; width: 500px; height: 200px;margin: 10px auto;">789</div>
    <span style="font-size: 30px;"></span>
    
</body>
</html>